<template>
  <Provider>
    <router-view></router-view>
  </Provider>
</template>

<script setup>
import Provider from './components/provider/index.vue';
</script>

<style lang="scss">
.ui-flex {
  display: flex;
  .flex-1 {
    flex: 1;
  }
  &.align-start {
    align-items: flex-start;
  }
  &.align-center {
    align-items: center;
  }
  &.align-end {
    align-items: flex-end;
  }
  &.justify-center {
    justify-content: center;
  }
  &.justify-between {
    justify-content: space-between;
  }
  &.justify-around {
    justify-content: space-around;
  }
  &.justify-start {
    justify-content: flex-start;
  }
  &.justify-end {
    justify-content: flex-end;
  }
  &.flex-wrap {
    flex-wrap: wrap;
  }
}
</style>